<template>
	<view class="bg-white" style="height: 100vh;">
		<cu-custom :bgColor="NavBarColor" :isBack="true" backFlag="navigate">
			<block slot="backText">返回</block>
			<block slot="content">阴保报警详情</block>
		</cu-custom>
		<view class="cu-list menu margin-top">

			<view class="cu-item animation-slide-bottom" :style="[{animationDelay: '0.2s'}]">
				<view class="content">
					<text class="text-black title ">设备编号:</text>
				</view>
				<view class="action">
					<text class="text-black title ">{{annotation.deviceId}}</text>
				</view>
			</view>
			<view class="cu-item animation-slide-bottom" :style="[{animationDelay: '0.2s'}]">
				<view class="content">
					<text class="text-black title ">报警时间:</text>
				</view>
				<view class="action">
					<text class="text-black title ">{{annotation.reportingTime}}</text>
				</view>
			</view>
			<view class="cu-item animation-slide-bottom" :style="[{animationDelay: '0.2s'}]">
				<view class="content">
					<text class="text-black title ">设备编号:</text>
				</view>
				<view class="action">
					<text class="text-black title ">{{annotation.alarm1}}</text>
				</view>
			</view>
			<view class="cu-item animation-slide-bottom" :style="[{animationDelay: '0.2s'}]">
				<view class="content">
					<text class="text-black title ">设备编号:</text>
				</view>
				<view class="action">
					<text class="text-black title ">{{annotation.alarm2}}</text>
				</view>
			</view>
			<view class="cu-item animation-slide-bottom" :style="[{animationDelay: '0.2s'}]">
				<view class="content">
					<text class="text-black title ">设备编号:</text>
				</view>
				<view class="action">
					<text class="text-black title ">{{annotation.alarm3}}</text>
				</view>
			</view>
			<view class="cu-item animation-slide-bottom" :style="[{animationDelay: '0.2s'}]">
				<view class="content">
					<text class="text-black title ">设备编号:</text>
				</view>
				<view class="action">
					<text class="text-black title ">{{annotation.alarm4}}</text>
				</view>
			</view>
			<view class="cu-item animation-slide-bottom" :style="[{animationDelay: '0.2s'}]">
				<view class="content">
					<text class="text-black title ">设备编号:</text>
				</view>
				<view class="action">
					<text class="text-black title ">{{annotation.alarm5}}</text>
				</view>
			</view>
			<view class="cu-item animation-slide-bottom" :style="[{animationDelay: '0.2s'}]">
				<view class="content">
					<text class="text-black title ">设备编号:</text>
				</view>
				<view class="action">
					<text class="text-black title ">{{annotation.alarm6}}</text>
				</view>
			</view>
			<view class="cu-item animation-slide-bottom" :style="[{animationDelay: '0.2s'}]">
				<view class="content">
					<text class="text-black title ">处理人:</text>
				</view>
				<view class="action">
					<text class="text-black title ">{{annotation.handlingPerson}}</text>
				</view>
			</view>
			<view class="cu-item animation-slide-bottom" :style="[{animationDelay: '0.2s'}]">
				<view class="content">
					<text class="text-black title ">处理意见:</text>
				</view>
				<view class="action">
					<text class="text-black title ">{{annotation.handlingSuggestion}}</text>
				</view>
			</view>
			<view class="cu-item animation-slide-bottom" :style="[{animationDelay: '0.2s'}]">
				<view class="content">
					<text class="text-black title ">处理时间:</text>
				</view>
				<view class="action">
					<text class="text-black title ">{{annotation.handlingTime}}</text>
				</view>
			</view>
		</view>
	</view>
</template>

<script>


export default {
	data(){
		return{
			NavBarColor:this.NavBarColor,
			annotation:{
				id:"",
				titile:"",
				startTime:"",
				sender:"",
				msgContent:"",
				recordVideo:"",
				workPic:"",
			},
			goodNumber:null,
			flg:true,
			src:"",
			pic:""
			
		}
	},

	onLoad: function (option) {
	    const annItem = JSON.parse(decodeURIComponent(option.item));
		this.annotation = annItem 
		this.src=this.annotation.reportVideo
		this.pic=this.annotation.workPic
		console.log(this.annotation.recordPic)
	},
	created(){
		console.log("created")
	},
	methods:{
	   showVideo() {
				uni.navigateTo({
					url: '/pages/common/commonVideo?item='+this.src
				}) 
	   }, showPic() {
		   console.log(this.pic)
				uni.navigateTo({
					url: '/pages/common/commonPic?item='+this.pic
				}) 
	   }
	}
}
</script>

<style>
	
</style>
